<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Calendar Demos</title>
	<script type="text/javascript">
		var Global = {
			contextPath:'/bingo.ui.framework'
		} 
	</script>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery_plugins/jquery.json.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" id="themesLink" rel="stylesheet" />
	
	<script src="../ui.tree.js" type="text/javascript"></script>
	<link  href="../ui.tree.css" rel="stylesheet" type="text/css" />

	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<style>
		.tree{
			width:200px;
			height:240px;
		}
	</style>

	<script>
		$(function(){
				$('#dyn-tree').tree({//tree为容器ID
					method : 'post',
	            	asyn : true, //异步
	            	rootId  : 'root',
	            	rootText : '根节点',
					CommandName : 'java.tree.command',
					params : {
						daoBeanName:'dao',
					 	sqlId : 'lightTree.treeFirstLevel',
	            	    childSqlId : 'lightTree.treeSubOrg',
	            	    parentId : 'root',
	            	    testId:'1234'
				    }
	            }) ;
		}) ;
	</script>
	
</head>

<body>
	<div id='content-dyn' class='demo'>
		<h1></h1>
		<div id="dyn-tree" class="tree" style="padding: 5px; overflow-y: auto; height:300px;width:240px"></div>
	</div>
</body>
</html>